import React from 'react'
import { useLocation } from 'react-router-dom'
const Detail = () => {
  const loaction = useLocation()
  const v = loaction.state
  return (
    <div>
      <dl>
        <dt>
          <img src={v.img} alt=""></img>
        </dt>
        <dd>
          <h3>{v.title}</h3>
          <p>{v.word}</p>
          <p>{v.price}</p>
        </dd>
      </dl>
    </div>
  )
}
export default Detail
